<template>
	<view class="chapter02">
		<cu-custom bgColor="bg-cyan">
			<block slot="content">第二章：示例</block>
		</cu-custom>
		<view class="cu-card">
			<view class="cu-item padding">
				不建议使用id
			</view>
			
			<view class="cu-item padding">
				class不过多说了
			</view>
			
			<view class="cu-item padding" :hidden="true">
				hidden
			</view>
			
			<view class="cu-item padding" data-idx="1234567">
				class不过多说了
			</view>
			
			<view class="cu-item padding" @click="clickAi">
				@比较重要
				<view class="margin-top-sm theme-bg" >
					开头
				</view>
				<view class="margin-top-sm smart-container" >
					项目目录
				</view>
			</view>
			<view class="cu-item padding">
				<image src="@/static/logo.png" style="width: 200upx;height: 200upx;"></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		name:'chapter02',
		methods:{
			clickAi(e){
				console.log(e);
			}
		},
	}
</script>

<style>
</style>